<!DOCTYPE html>
<html lang="en">
<head>
     <meta name="referrer" content="never">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../dit/bootstrap-3.3.7-dist/css/bootstrap.min.css">
</head>
<body>
      <!-- 模拟页面的吸顶部分 -->
      <div class="searchTop">
        <input type="text"><a href="JavaScript:;" class="glyphicon glyphicon-search"></a>
        <!-- ul内容 根据请求结果 动态生成 -->
        <ul></ul>
      </div>

      <!-- 侧边栏内容部分 应该和楼层内容对应 多一个 返回顶部-->
      <div class="storeNav">
          <ul>
              <li name="li" class="active">秒杀区域</li>
              <li name="li">年货节</li>
              <li name="li">每日特价</li>
              <li name="li">发现好货</li>
              <li name="li">新品首发</li>
              <li name="li">频道广场</li>
              <li name="li">为你推荐</li>
              <li name="back">返回顶部</li>
          </ul>
      </div>

      <!-- 左侧边栏商品类型按钮 -->
    <div class="storeBtn">
        <ul>
            <li name="li"><a class="btn btn-primary" href="./list.html?cat_one_id=食品酒水">食品酒水</a></li>
            <li name="li"><a class="btn btn-primary" href="./list.html?cat_one_id=童装玩具">童装玩具</a></li>
            <li name="li"><a class="btn btn-primary" href="./list.html?cat_one_id=家装建材">家装建材</a></li>
            <li name="li"><a class="btn btn-primary" href="./list.html?cat_one_id=奶粉尿裤">奶粉尿裤</a></li>
            <li name="li"><a class="btn btn-primary" href="./list.html?cat_one_id=其他">其他产品</a></li>
         
  
        </ul>
    </div>
  
      <!-- 模拟页面的具体内容部分 -->
      <div class="container">
          <!-- 页面的头部部分,不参与页面导航 -->
          <div class="header">
             
                  <div class="row">
                    <a class="btn btn-info col-lg-3 col-md-3 col-sm-3 col-xs-3 glyphicon glyphicon-user" href="./register.html">&nbsp;注册</a>
                    <a class="btn btn-success col-lg-3 col-md-3 col-sm-3 col-xs-3 glyphicon glyphicon-log-in" href="./login.html">&nbsp;登录</a>
                    <a class="btn btn-danger col-lg-3  col-md-3 col-sm-3 col-xs-3 glyphicon glyphicon-log-out" name="loginOut">&nbsp;退出登录</a>
                    <a class="btn btn-warning col-lg-3 col-md-3 col-sm-3 col-xs-3 glyphicon glyphicon-shopping-cart" name="cart" >&nbsp;购物车</a>
                  
              </div>
              <!-- 选项卡 -->
              <div class="search">
                
                <div class="menu">
                    <ul></ul>

                </div>
              </div>
              <!-- 轮播图 -->
              <div class="banner">
                <ul class="clear"></ul>
                <ol></ol>
                <div>
                    <a href="JavaScript:;" name="left">&lt;</a>
                    <a href="JavaScript:;" name="right">&gt;</a>
                </div>
            </div>
          </div>
  
          <!-- 楼层导航内容 -->
          <div class="storey">
              <ul>
                  <li>
                      <h3>秒杀区域</h3>
                      <div>
                          <div class="time"></div>
                          <div class="sideBanner">
                              <ul>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                              </ul>
                              <div class="focus ">
                                <a href="JavaScript:;" name="left">&lt;</a>
                                <a href="JavaScript:;" name="right">&gt;</a>
                              </div>
                          </div>
                      </div>
                  </li>
  
                  <li>
                      <h3>年货节</h3>
                      <div class="nian">
                        <ul></ul>
                      </div>
                  </li>
  
                  <li>
                      <h3>每日特价</h3>
                   
                      <div class="box">
                        <ul>
                            <li class="active" index='0'>精选</li>
                            <li index='1'>个人用品</li>
                            <li index='2'>百货</li>
                            <li index='3'>美食</li>
                    
                        </ul>
                        <ol>
                            <li class="active">
                                <img src="../images/every/every2.jpg">
                                <p>香氛小黑裙沐浴露</p>
                                <div class="price">
                                    <span class="price-miaosha">￥9.9</span>
                                    <span class="price-origin"><s>￥29</s></span>
                                </div> 
                            </li>
                            <li >
                                <img src="../images/every/every3.jpg">
                                <p>一家人（4碗4勺）</p>
                                <div class="price">
                                    <span class="price-miaosha">￥16.1</span>
                                    <span class="price-origin"><s>￥23</s></span>
                                </div> 
                            </li>
                            <li >
                                <img src="../images/every/every4.jpg">
                                <p>小棕瓶眼霜淡化黑眼圈</p>
                                <div class="price">
                                    <span class="price-miaosha">￥9.9</span>
                                    <span class="price-origin"><s>￥29.9</s></span>
                                </div> 
                            </li>
                            <li >
                                <img src="../images/every/every5.jpg">
                                <p>正柳螺 柳州螺蛳粉</p>
                                <div class="price">
                                    <span class="price-miaosha">￥18.8</span>
                                    <span class="price-origin"><s>￥37</s></span>
                                </div> 
                            </li>
                        </ol>
                    
                    </div> 
                  </li>
  
                  <li>
                      <h3>发现好货</h3>
                      <div class="box1">
                        <div class="show">
                            <img src="" >
                            <div class="mask"></div>
                        </div>
                        <ul class="list"></ul>
                        <div class="glass"></div>
                    </div>
                  </li>
  
                  <li>
                      <h3>新品首发</h3>
                      <div class="new">
                      </div>
                  </li>
  
                  <li>
                      <h3>频道广场</h3>
                      <div class="square">
                          <ul></ul>
                      </div>
                  </li>
  
                  <li>
                      <h3>为你推荐</h3>
                      <div class="recommend">
                            <ul></ul>
                    </div> 
                  </li>
  
              </ul>
          </div>
  
          <!-- 页面的底部内容   -->
          <div class="footer">
           
          </div>
      </div>

      <script src="../js/jquery.min.js"></script>
      <script src="../js/cookie.js"></script>
      <script src="../js/tools.js"></script>
      <script src="../dit/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
      <script src="../js/index.js"></script>
</body>
</html>

